.web7 {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  transform: translateY(-200%);
  transition: all 1s; }
  .web7 .bg {
    background: rgba(0, 0, 0, 0.65);
    height: 100%;
    position: relative; }
    .web7 .bg .generalize_all {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 63%;
      background: #fff; }
      .web7 .bg .generalize_all .generalize_list {
        border: 1px solid #eeeeee;
        padding-bottom: 20px; }
        .web7 .bg .generalize_all .generalize_list ul {
          display: flex;
          justify-content: space-around;
          align-items: center;
          flex-wrap: wrap; }
          .web7 .bg .generalize_all .generalize_list ul li {
            width: 33.3%;
            margin-top: 20px;
            text-align: center; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(2) .generalize_item i {
              background: #6dd193; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(3) .generalize_item i {
              background: #f26868; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(4) .generalize_item i {
              background: #4c88f5; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(5) .generalize_item i {
              background: #f0c759; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(6) .generalize_item i {
              background: #54d3b1; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(7) .generalize_item i {
              background: #ff936d; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(8) .generalize_item i {
              color: #000000;
              background: #fff;
              border: 2px solid #dde0de; }
            .web7 .bg .generalize_all .generalize_list ul li:nth-child(9) .generalize_item i {
              background: #a8bcc8; }
            .web7 .bg .generalize_all .generalize_list ul li .generalize_item i {
              width: 50px;
              height: 50px;
              display: block;
              margin: 0 auto;
              border-radius: 50%;
              background: #85d16d;
              color: #fff;
              font-size: 30px;
              line-height: 50px;
              margin-bottom: 5px; }
            .web7 .bg .generalize_all .generalize_list ul li .generalize_item p {
              color: #999999;
              font-size: 16px; }
      .web7 .bg .generalize_all .abolish {
        text-align: center;
        font-size: 20px;
        padding-top: 10px; }
